<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>萝卜墩儿</title>
<link rel="shortcut icon" href="https://rememberber.github.io//favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css">
<link rel="stylesheet" href="https://rememberber.github.io//media/css/tailwind.css">
<link rel="stylesheet" href="https://rememberber.github.io//styles/main.css">
<link rel="alternate" type="application/atom+xml" title="萝卜墩儿 - Atom Feed" href="https://rememberber.github.io//atom.xml">

    

  <meta name="description" content="萝卜蹲，萝卜蹲，萝卜蹲完谁来蹲" />
</head>
<body>
  <div class="antialiased flex flex-col min-h-screen" id="app">

    <div class="nav py-3 md:py-8 fixed w-full z-10 bg-gray-50 dark:bg-gray-700 transition-all duration-300" :class="{ 'scroll': scrolled }">
  <div class="flex justify-end px-4">
    <div class="w-8 h-8 flex justify-center items-center rounded-full md:hidden" @click="showMenu = !showMenu">
      <i class="ri-close-line" v-show="showMenu"></i>
      <i class="ri-menu-3-line" v-show="!showMenu"></i>
    </div>
  </div>
  <nav class="max-w-4xl w-full mx-auto text-center flex flex-col md:flex-row justify-center md:block" :class="`${ showMenu ? 'block' : 'hidden' }`">
    
      <a href="/" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        首页
      </a>
    
      <a href="/post/works" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        个人作品
      </a>
    
      <a href="/archives" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        归档
      </a>
    
      <a href="/tags" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        标签
      </a>
    
      <a href="/post/about" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
        关于
      </a>
    
    <a href="https://rememberber.github.io//atom.xml" target="_blank" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
      RSS
    </a>
  </nav>
</div>

    <div class="max-w-4xl w-full mx-auto ">
      
        <header class="flex py-16 md:py-32 mt-12 flex-col md:flex-row px-4 md:px-0 animated fadeIn">
  <div class="flex-1 order-2 md:order-1 md:pr-16">
    <div class="text-4xl font-bold text-center md:text-left">
      萝卜墩儿
    </div>
    <div class="text-xl text-gray-500 mt-4 text-center md:text-left">
      萝卜蹲，萝卜蹲，萝卜蹲完谁来蹲
    </div>
    
      <div class="mt-8 text-center md:text-left">
        <a
          href="/post/works" 
          arget="_blank"
          class="text-sm bg-yellow-50 dark:bg-indigo-500 dark:text-gray-700 font-semibold px-4 py-2 inline-block yellow-btn transition-fast rounded"
        >个人作品</a>
      </div>
    
    
      <div class="mt-8 flex items-center">
        
        
          
        
          
            
              <a href="rememberber@163.com" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-mail-line"></i>
              </a>
            
          
        
          
            
              <a href="https://github.com/rememberber" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-github-line"></i>
              </a>
            
          
        
          
        
          
            
              <a href="https://weibo.com/zhouyuefan" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-weibo-line"></i>
              </a>
            
          
        
          
            
              <a href="https://www.zhihu.com/people/zhoubochina" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
                <i class="ri-zhihu-line"></i>
              </a>
            
          
        
          
        
          
        
          
        
          
        
          
        
          
        
      </div>
    
  </div>
  <div class="md:mx-8 flex-shrink-0 self-start rounded-full border-4 border-dotted border-transparent hover:border-yellow-50 p-2 w-32 h-32 order-1 md:order-2 mx-auto s3-dotted">
    <img class="rounded-full object-cover" src="https://rememberber.github.io//images/avatar.png?v=1592798452127" alt="萝卜墩儿" width="100%" height="100%">
  </div>
</header>
      

      <div class="shadow-box bg-white dark:bg-gray-600 border-gray-300 rounded-none md:rounded-lg -mx-1 md:mx-0 md:px-0">
        
  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://rememberber.github.io/post/ti-yan-sheng-ji-yun-ying-hou-tai-ding-dan-xiang-qing-she-ji/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          【后台体验】运营后台订单详情设计分享
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-06-19</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        <blockquote>
<p>目前大部分运营后台的设计和开发都是由后端同学来做，产品经理对界面标准要求并不高，大多数都是能用就行。<br>
其实，只要花些心思，运营后台也可以做的很美，提升运营同学的日常使用体验。<br>
下面跟大家分享两个我做的运营后台中的订单详情设计</p>
</blockquote>

      </div>
      <a href="https://rememberber.github.io/post/ti-yan-sheng-ji-yun-ying-hou-tai-ding-dan-xiang-qing-she-ji/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://rememberber.github.io//post-images/ti-yan-sheng-ji-yun-ying-hou-tai-ding-dan-xiang-qing-she-ji.png" alt="【后台体验】运营后台订单详情设计分享">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://rememberber.github.io/post/di-gui-jie-xi-jsonshi-xian-sheng-cheng-ke-shi-hua-treekuai-su-huo-qu-jsonpath/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          递归解析Json，实现生成可视化Tree+快速获取JsonPath
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-06-10</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        最近做的一个小功能点，分享给大家：递归解析Json，可以实现生成可视化Tree+快速获取JsonPath。
步骤：
1.利用JsonPath读取根，获取JsonObject
2.递归层次遍历JsonObjec，保存结点信息
3.利用zTre...
      </div>
      <a href="https://rememberber.github.io/post/di-gui-jie-xi-jsonshi-xian-sheng-cheng-ke-shi-hua-treekuai-su-huo-qu-jsonpath/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://rememberber.github.io//post-images/di-gui-jie-xi-jsonshi-xian-sheng-cheng-ke-shi-hua-treekuai-su-huo-qu-jsonpath.png" alt="递归解析Json，实现生成可视化Tree+快速获取JsonPath">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://rememberber.github.io/post/zhuo-mian-ying-yong-kai-fa-man-tan/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          桌面应用开发漫谈
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-06-10</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        <blockquote>
<p>不得不承认，当今已经是web时代，移动互联网时代，PC的桌面应用开发大部分也只能局限在行业/领域应用软件了。<br>
不过，生产力、效率提升、工具类的桌面应用依然是我们日常最得力的助手。<br>
作为一个业余Geek，有自己动手开发桌面工具情结，我倒是在桌面应用开发上“浪费”过一些精力，现将自己的经验做些总结，希望对也想入坑的小伙伴提供点参考。</p>
</blockquote>

      </div>
      <a href="https://rememberber.github.io/post/zhuo-mian-ying-yong-kai-fa-man-tan/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://rememberber.github.io//post-images/zhuo-mian-ying-yong-kai-fa-man-tan.png" alt="桌面应用开发漫谈">
    
  </div>

  <div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
    
    <div class="flex-1 order-2 md:order-1">
      <h2 class="text-2xl font-semibold mb-4">
        <a href="https://rememberber.github.io/post/hello-gridea/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
          Hello Gridea，Hello luoboduner
        </a>
      </h2>
      <div class="mb-4 text-xs text-gray-500">2020-06-09</div>
      <div class="mb-4 text-gray-500 dark:text-gray-300">
        <p>👏  正如 <strong>Gridea</strong> 所说，“那个写博客的劲儿又回来了！”<br>
那就重新开始✍️吧。</p>

      </div>
      <a href="https://rememberber.github.io/post/hello-gridea/" class="btn">
        Read more
      </a>
    </div>
    
      <img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://rememberber.github.io//post-images/hello-gridea.png" alt="Hello Gridea，Hello luoboduner">
    
  </div>
  
      </div>

      
      <footer class="py-12 text-center px-4 md:px-0" v-pre>
  Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a>
</footer>

    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://rememberber.github.io//media/scripts/main.js"></script>
</body>

</html>